<template>
  <view>
    <!-- 用户未登录时，显示登录组件-->
    <my-login v-if="!token"></my-login>
    
    <!-- 登录了，显示用户信息-->
   <my-userInfo v-else></my-userInfo>
  </view>
</template>

<script>
  import badgeMix from '@/mixins/tabbar-badge.js'
  import { mapState } from 'vuex'
  export default {
    //使用封装的设置tabBar的徽标
    mixins:[badgeMix],
    data() {
      return {
        
      };
    },
    computed:{
      ...mapState({
        token:state => state.user.token
      })
    }
  }
</script>

<style lang="scss">
page,.my-container{
  height: 100%;
}
</style>
